﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="Principal.aspx.cs" Inherits="Recetas_Web.Principal" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
    .style1
    {
        width: 1115px;
    }
    .style16
    {
        text-align: center;
        width: 215px;
        height: 185px;
    }
    .style17
    {
        text-align: center;
        width: 223px;
        height: 185px;
    }
    .style18
    {
            text-align: center;
            width: 215px;
            height: 215px;
        }
    .style19
    {
        text-align: center;
        width: 223px;
        height: 215px;
    }
    .style20
    {
        text-align: center;
        height: 56px;
    }
    .style21
    {
        height: 56px;
    }

        .style2
        {
            text-align: left;
            font-size: 26pt;
            font-family: Arial;
            text-decoration: underline;
            width: 76px;
            height: 76px;
        }
        .style23
        {
            text-align: center;
            width: 11px;
            height: 215px;
        }
        .style24
        {
            text-align: center;
            width: 11px;
            height: 185px;
        }
        .style25
        {
            text-align: center;
            height: 56px;
            width: 11px;
        }
        .style26
        {
            height: 56px;
            width: 215px;
        }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="Slider" align="center" style="height: 322px; width: 1111px">

       <!-- Aca van las imagenes con efecto slider<br /> -->

        <!-- SLIDER -->
        <div id="sliderContainer">

<div id="mySlides">

    <div id="slide1" class="slide">    

        <img src="imagenes/slider/chipa.jpg" alt="Slide 1 jFlow Plus" />

        <div class="slideContent">
        	<h3>Chipa</h3>
            <p> </p>
       
        </div>

	</div>    	

    <div id="slide2" class="slide">

        <img src="imagenes/slider/Lomo.jpg" alt="Slide 2 jFlow Plus" />

        <div class="slideContent">
        	<h3>Lomo</h3>
            <p> </p>
         </div>

    </div>   

	<div id="slide3" class="slide">

        <img src="imagenes/slider/pizza.png" alt="Slide 3 jFlow Plus" />

        <div class="slideContent">
            <h3>Pizza</h3>
            <p> </p></div>

    </div>
    
    <div id="slide4" class="slide">

        <img src="imagenes/slider/fideos.jpg" alt="Slide 3 jFlow Plus" />

        <div class="slideContent">
        	<h3>Fideos</h3>
            <p> </p>
        </div>

    </div>

</div>



<div id="myController">

   <span class="jFlowControl">1</span>

   <span class="jFlowControl">2</span>

   <span class="jFlowControl">3</span>
   
   <span class="jFlowControl">4</span>

</div>



<div class="jFlowPrev"></div>

<div class="jFlowNext"></div>

</div>
<!--end: sliderContainer -->

    </div>
<br />
<table align="center" class="style1">
    <tr>
        <td class="style25">
            &nbsp;</td>
        <td class="style20" colspan="2">
    <h2 class="style2" style="height:auto; width:auto;">
        <strong style="text-align: center">Recetas de Cocina</strong></h2>
        </td>
        <td class="style26">
            &nbsp;</td>
        <td class="style21">
            &nbsp;</td>
    </tr>
    <tr>
        <td class="style23">
            &nbsp;</td>
        <td class="style18">
                <asp:HyperLink ID="hBebidas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Bebidas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="Bebidas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Bebidas.jpg" 
                    Width="160px" style="margin-left: 0px" BackColor="Black" 
                BorderColor="Black" BorderStyle="Solid" onclick="Bebidas_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hCarnes" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Carnes</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibCarnes" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Carnes.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibCarnes_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hDulces_Jaleas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Dulces y Jaleas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibDulces_Jaleas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Dulces y Jaleas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibDulces_Jaleas_Click" />
            </td>
        <td class="style19">
            <div align="left" 
                
                
                style="border-width: 3px; border-style: solid; height: 256px; width: 290px; margin-top: 0px; background-color: #FFFFFF; visibility: visible;">
                <h3 style="border: 1px ridge #666666; font-family: Arial; text-align: center; color: #C0C0C0; background-color: #000000; font-size: 22px; margin-top: 0px;">
                    BUSCADOR</h3>
                <p style="border: 0px none #666666; font-family: Arial; text-align: center; color: #000000; background-color: #FFFFFF; font-size: medium;">
                    <asp:TextBox ID="txtNombreReceta" runat="server" Width="231px" 
                        EnableViewState="False">Ingrese lo que desea buscar</asp:TextBox>
&nbsp;
                    <asp:ImageButton ID="iBtnBuscarReceta" runat="server" ImageAlign="Top" 
                        ImageUrl="~/Imagenes/search-boton.gif" onclick="iBtnBuscarReceta_Click" 
                        style="width: 27px" />
                </p>
                <p style="border: 0px none #666666; font-family: Arial; text-align: left; color: #000000; background-color: #FFFFFF; font-size: medium;">
                    Buscar Recetas por:</p>
                <p style="border: 0px none #666666; font-family: Arial; color: #000000; background-color: #FFFFFF; font-size: medium;">
                    <asp:DropDownList ID="ddlCategorias" runat="server" Height="20px" 
                        style="margin-left: 17px" Width="231px">
                    </asp:DropDownList>
&nbsp;
                    <asp:ImageButton ID="iBtnBuscarxCategoria" runat="server" ImageAlign="Top" 
                        ImageUrl="~/Imagenes/search-boton.gif" onclick="iBtnBuscarxCategoria_Click" />
                </p>
                <p style="border: 0px none #666666; font-family: Arial; text-align: left; color: #000000; background-color: #FFFFFF; font-size: medium;">
                    <asp:DropDownList ID="ddlDificultad" runat="server" Height="20px" 
                        style="margin-left: 17px" Width="231px">
                        <asp:ListItem>Dificultad</asp:ListItem>
                        <asp:ListItem>---</asp:ListItem>
                        <asp:ListItem>Fácil</asp:ListItem>
                        <asp:ListItem>Medio</asp:ListItem>
                        <asp:ListItem>Dificil</asp:ListItem>
                        <asp:ListItem>Chef</asp:ListItem>
                    </asp:DropDownList>
&nbsp;
                    <asp:ImageButton ID="iBtnBuscarxDificultad" runat="server" ImageAlign="Top" 
                        ImageUrl="~/Imagenes/search-boton.gif" onclick="iBtnBuscarxDificultad_Click" />
                </p>
                <p style="border: 0px none #666666; font-family: Arial; text-align: left; color: #000000; background-color: #FFFFFF; font-size: medium; height: 26px;">
                    <asp:DropDownList ID="ddlTiempo" runat="server" Height="20px" 
                        style="margin-left: 17px" Width="231px">
                        <asp:ListItem>Tiempo</asp:ListItem>
                        <asp:ListItem>---</asp:ListItem>
                        <asp:ListItem>3 a 5 min</asp:ListItem>
                        <asp:ListItem>5 a 10 min</asp:ListItem>
                        <asp:ListItem>10 a 15 min</asp:ListItem>
                        <asp:ListItem>15 a 30 min</asp:ListItem>
                        <asp:ListItem>30 a 45 min</asp:ListItem>
                        <asp:ListItem>45 a 60 min</asp:ListItem>
                        <asp:ListItem>Más de 60 min</asp:ListItem>
                    </asp:DropDownList>
&nbsp;
                    <asp:ImageButton ID="iBtnBuscarxTiempo" runat="server" ImageAlign="Top" 
                        ImageUrl="~/Imagenes/search-boton.gif" onclick="iBtnBuscarxTiempo_Click" />
                </p>
            </div>
        </td>
    </tr>
    <tr>
        <td class="style23">
        </td>
        <td class="style18">
                <asp:HyperLink ID="hEmpanadas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Empanadas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibEmpanadas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Empanadas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibEmpanadas_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hEnsaladas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Ensaladas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibEnsaladas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Ensaladas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibEnsaladas_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hPanes_Masas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Panes y Masas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibPanes_Masas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Panes y Masas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibPanes_Masas_Click" />
            </td>
        <td class="style19">
        </td>
    </tr>
    <tr>
        <td class="style23">
        </td>
        <td class="style18">
                <asp:HyperLink ID="hPastas_Arroz" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Pastas y Arroz</asp:HyperLink>
                <br />
                <asp:ImageButton ID="Pastas_Arroz" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Pastas y Arroz (1).jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="Pastas_Arroz_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hPescados_Mariscos" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Pescados</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibPescados_Mariscos" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Pescados y Mariscos.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibPescados_Mariscos_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hPizzas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Pizzas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibPizzas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Pizzas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibPizzas_Click" />
            </td>
        <td class="style19">
        </td>
    </tr>
    <tr>
        <td class="style23">
        </td>
        <td class="style18">
                <asp:HyperLink ID="hPollo_Aves" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Pollo y Aves</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibPollos_Aves" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Pollo y Aves.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibPollos_Aves_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hPostres" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Postres</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibPostres" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Postres (1).jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibPostres_Click" />
            </td>
        <td class="style18">
                <asp:HyperLink ID="hSalsas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Salsas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibSalsas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Salsas.JPG" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibSalsas_Click" />
            </td>
        <td class="style19">
        </td>
    </tr>
    <tr>
        <td class="style24">
        </td>
        <td class="style16">
                <asp:HyperLink ID="hSopas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Sopas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibSopas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Sopas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibSopas_Click" />
            </td>
        <td class="style16">
                <asp:HyperLink ID="hTartas" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Tartas</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibTartas" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Tartas.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibTartas_Click" />
            </td>
        <td class="style16">
                <asp:HyperLink ID="hVegetales" runat="server" Font-Bold="True" Font-Italic="False" 
                    Font-Names="Arial" Font-Overline="False" Font-Size="14pt" 
                    Font-Strikeout="False" Font-Underline="False" ForeColor="White" 
                    BackColor="Black" BorderColor="Black" Height="25px" style="margin-left: 4px" 
                    Width="166px">Vegetales</asp:HyperLink>
                <br />
                <asp:ImageButton ID="ibVegetales" runat="server" CssClass="auto-style1" 
                    Height="155px" ImageUrl="~/Imagenes/Categorias/Vegetales.jpg" 
                    Width="160px" style="margin-left: 0px" BorderColor="Black" 
                BorderStyle="Solid" onclick="ibVegetales_Click" />
            </td>
        <td class="style17">
        </td>
    </tr>
</table>
</asp:Content>
